<template>
	<view class="rule-setting-page">
		<view class="title">守护规则设置</view>
	<!-- 	<view class="vip">
			<image class="vip-icon" width="80" height="25"  fit="cover" src="/static/icon/vip.png" />
		</view> -->
			<view class="space-h-20"></view>
			<view class="space-h-20"></view>
		<MenuList :menus="vipMenus"/>
<!-- 			<view class="space-h-20"></view>
			<view class="space-h-20"></view>
		<view class="free-fun">
			免费功能
		</view> -->
			<view class="space-h-20"></view>
		<MenuList :menus="freeFunmenusListOne"/>
		<view class="space-h-20"></view>
		<MenuList :menus="freeFunmenusListTwo"/>
	</view>
</template>

<script setup lang="ts">
	import { ref} from 'vue'
	import MenuList from "./menuList.vue"	
	const vipMenus = ref([
		{
			iconPath: '/static/icon/app_manage.png',
			pageJumpPathUrl: '/pagesB/appGameManage/index',
			name:'应用游戏管理',
			type:{
				mode: ["mock", "studLen"],
			}
		},
		{
			iconPath: '/static/icon/time-manage.png',
			pageJumpPathUrl: '/pagesC/timeManage/index',
			name:'使用时间管理',
			type:{
				mode: ["mock"]
			}
		},
		{
			iconPath: '/static/icon/wx-manage.png',
			pageJumpPathUrl: '/pagesB/appWhiteList/index',
			name:'应用白名单',
			type:{
				mode: ["mock"]
			}
		},
		// {
		// 	iconPath: '/static/icon/wx-manage.png',
		// 	pageJumpPathUrl: '/pagesB/miniProgramManage/index',
		// 	name:'小程序管理'
		// }
	])
	
	const freeFunmenusListOne = ref([
		{
			iconPath: '/static/icon/new-app.png',
			pageJumpPathUrl: '/pagesB/newInstallApp/index',
			name:'新安装应用',
			type:{
				mode: ["mock"]
			}
		},
		// {
		// 	iconPath: '/static/icon/child-hidden.png',
		// 	pageJumpPathUrl: '/pagesB/iconHidden/index',
		// 	name:'隐藏孩子图标'
		// },
		{
			iconPath: '/static/icon/count-mange.png',
			pageJumpPathUrl: '/pagesB/appStatistics/index',
			name:'应用统计',
			type:{
				mode: ["mock"]
			}
		},
		{
			iconPath: '/static/icon/use-detail.png',
			pageJumpPathUrl: '/pagesB/useDetail/index',
			name:'应用使用详情',
			type:{
				mode: ["mock"]
			}
		}
	])
	const freeFunmenusListTwo = ref([
		{
			iconPath: '/static/icon/unbind-manage.png',
			pageJumpPathUrl: '/pagesC/unbind/index',
			name:'临时解绑'
		},
		{
			iconPath: '/static/icon/child-hidden.png',
			pageJumpPathUrl: '/pagesB/iconHidden/index',
			name:'图标隐藏',
			type:{
				mode: ["mock"]
			}
		},
		{
			
			iconPath: '/static/icon/wx-qq.png',
			pageJumpPathUrl: '/pagesB/miniProgramManage/index',
			name:'小程序管理',
			type: {
				mode: ["jump"]
			}
		},
		// {
		// 	iconPath: '/static/icon/new-app.png',
		// 	pageJumpPathUrl: '/pagesB/newInstallApp/index',
		// 	name:'新安装应用'
		// },
		// {
		// 	iconPath: '/static/icon/whitelist-name.png',
		// 	pageJumpPathUrl: '/pagesB/appWhiteList/index',
		// 	name:'应用白名单'
		// }
	])
	
	
</script>

<style scoped lang="scss">
	.rule-setting-page{
		background-color: #fff;
		margin-right: 20upx;
		margin-bottom: 20upx;
		border-radius: 15upx;
		padding: 26upx 17upx;
		.title{
			font-size: 32upx;
			color: #333333;
			font-weight: 800;
		}
		
		.vip{
			width: 166upx;
			height: 50upx;
			overflow: hidden;
			margin: 20upx 0 26upx 0; 
		}
		.space-h-20{
			width:100%;
			height: 20upx;
		}
		
		.free-fun{
			margin: 17upx 0;
			font-family: PingFang SC, PingFang SC;
			font-weight: 800;
			font-size: 24upx;
			color: #333333;
		}
	}
</style>